<template>
  <div style="margin: -20px;">
	<el-container>
		 <el-header style="height: 45px; background-color: #7390b3;text-align: center;line-height: 45px;" >
		  <el-button type="primary"  @click="history(3)">燃气费历史充值</el-button>
		  <el-button type="primary"  @click="remain(3)">燃气费剩余金额</el-button>
		  <el-button type="primary"  @click="chargeMoney(3)">充值</el-button>
		 </el-header>
	     <br>
	     <!-- 显示内容 -->
	     <!-- <el-main style="background-color:antiquewhite;marrgin-top:15px">
	       <router-view></router-view>
		   
	     </el-main> -->
		 
		 <el-main style="background-color:#d9d9d9;marrgin-top:15px">
		   <router-view></router-view>
		   
		 </el-main>
	   		
	   </el-container>
	  
	</el-container>
	
  </div>
  
</template>

<script>
	
	export default {
	  data(){
	    return{
	     
	    }
	  },
	  methods:{
				history(id){
				this.$router.push({
					path:"/Convenience_payment_naturalgas_history",
					query:{id:id}
					
				})
				},
				remain(id){
					this.$router.push({
						path:"/Convenience_payment_naturalgas_money",
						query:{id:id}
					})
				},
				chargeMoney(id){
					// "/Convenience_payment_water_ChargeMoney"
					this.$router.push({
						path:"/Convenience_payment_water_ChargeMoney",
						query:{id:id}
					})
				}
		
	  }
	}
	
	
</script>

<style scoped>
  
</style>